<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
</style>
</head>
<body>
<canvas id="canvas1" width="400" height="400"></canvas>
<script type="text/javascript">
var ctx = document.getElementById('canvas1').getContext('2d');
ctx.font = "40px monospace";
ctx.fillText("lowercase", 50, 50);
ctx.font = "32px monospace";
ctx.fillText("SMALLCAPS", 50, 100);
ctx.font = "40px monospace";
ctx.fillText("CAPITALS", 50, 150);
</script>
</body>
